<extend name="Index/index"/>

<block name="main">
	<style type="text/css">
		#BBStype_content{
			position: absolute;
			width:980px;
			height:auto;
		}
		#BBStype_content ul{
			margin: 0px;
			margin-bottom: 10px;
			padding:0px;
			border: 1px solid #E6E6E6;
			border-top: none;
			position: relative;
		}
		#BBStype_content ul li{
			list-style: none;
			display: inline-block;
			margin-top: 10px;
			margin-left:20px; 
			width: 200px;
			height: 100px;
			background: #84CAB8;
			border-radius:10px 10px;
		}
		#BBStype_content ul li a{
			float:left;
			padding-left: 50px;
			padding-top: 20px;
			font-family: '幼圆';
			font-size: 22px;
			font-weight: 700;
			color: #444;
			
		}
		#BBStype_content ul li a:hover{
			color:#FF5F19;
		}
		#BBStype_content ul p{
			margin-top: 10px;
			border: 1px solid #E6E6E6;
			font-size: 18px;
			font-weight:500;
			 
		}
		#BBStype_content ul p a{
			text-decoration: none;
			color:#2BA9FA;
			font-family: '幼圆';
		}
		#BBStype_content ul span{
			position: absolute;
			top:5px;
			right: 5px;
			font-family: '幼圆';
		}
		#BBStype_content ul span:hover{
			cursor: pointer;
		}
	</style>

	<div id="BBStype_content">
		<volist name="list" id="v">
			
			
			<ul>
				<p><a href="<{:U('Home/BBStype/bbsView',array('tid'=>$v[tid]))}>"><{$v.tname}></a></p>
				<span>点击</span>
				<volist name="v['zilei']" id="k">
					<li>
						<a href="<{:U('Home/BBStype/bbsView',array('tid'=>$k[tid]))}>"><{$k.tname}></a>
					</li>
				</volist>
			</ul>
		</volist>
	</div>
	
	<script type="text/javascript">
		$(function(){
			$('#BBStype_content ul span').click(function(){
				$(this).nextAll().slideToggle(500);
			})
		})
	</script>
</block>




<block name="left">

</block>
<block name="foot">

</block>